<template>
  <div class="container">
      <div class="wxkj-tab">
           <el-tabs v-model="form.state" >
                <el-tab-pane label="普通会员" name="0">
                </el-tab-pane>
                <el-tab-pane label="VIP会员" name="1">
                </el-tab-pane>
            </el-tabs>
       </div>

       <div class="form-view mt15">
           <div class="form">
               <el-card body-style='padding:50px 30px'>
                   <el-form ref="form"  label-width="120px">
                    <el-form-item label="在线职位数：">
                        <el-col :span="20" class="pr20">
                            <el-input placeholder="请输入" v-model="form.number" :readonly="form.islimit"></el-input>
                        </el-col>
                        <el-col :span="4">
                            <el-checkbox v-model="form.islimit">不限</el-checkbox>
                        </el-col>
                    </el-form-item>
                    <el-form-item label="职位刷新频次：">
                        <el-col :span="20" class="pr20">
                            <el-input placeholder="请输入"></el-input>
                        </el-col>
                        <el-col :span="4">
                            <span>小时/次</span>
                        </el-col>
                    </el-form-item>
                    <el-form-item label="下载简历量：">
                        <el-col :span="20" class="pr20">
                            <el-input placeholder="请输入"></el-input>
                        </el-col>
                        <el-col :span="4">
                            <span>人次/日</span>
                        </el-col>
                    </el-form-item>
                    <el-form-item label="价格：">
                        <el-col :span="20" class="pr20">
                            <el-input placeholder="请输入"></el-input>
                        </el-col>
                        <el-col :span="4">
                            <span>元</span>
                        </el-col>
                    </el-form-item>
                    <el-form-item label="权益描述：">
                        <el-input type="textarea" v-model="form.name"></el-input>
                    </el-form-item>
                    
                    <el-form-item class="fr">
                        <el-button type="primary">确定</el-button>
                    </el-form-item>
                    </el-form>
               </el-card>
           </div>
       </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
        form:{
        state: 0,
        }
    };
  },
// 方法
  methods: {},
// 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
// 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
// 销毁
  destroyed() {}
};
</script>
<style lang="scss" scoped>
  .container{
      padding-top: 15px;
      .form-view{
         background: #fff;padding: 100px 0;
         .form{ width: 600px;margin: 0 auto;
         }
      }
  }
</style>